﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewData["Title"] = "欢迎来到爱阿狸";
    var currentPage = int.Parse(ViewData["pageIndex"].ToString());
    var prevPage = currentPage > 1 ? currentPage - 1 : 1;
    var nextPage = currentPage + 1;
}
<!-- nav end -->
<!-- banner start -->
<div class="am-g am-g-fixed blog-fixed am-u-sm-centered blog-article-margin">
    <div data-am-widget="slider" class="am-slider am-slider-b1" data-am-slider='{&quot;controlNav&quot;:false}'>
        <ul class="am-slides">
            <li>
                <img src="~/assets/i/b1.jpg">
                <div class="blog-slider-desc am-slider-desc ">
                    <div class="blog-text-center blog-slider-con">
                        <span><a href="" class="blog-color">Article &nbsp;</a></span>
                        <h1 class="blog-h-margin"><a href="">总在思考一句积极的话</a></h1>
                        <p>
                            那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。u
                        </p>
                        <span class="blog-bor">2015/10/9</span>
                        <br><br><br><br><br><br><br>
                    </div>
                </div>
            </li>
            <li>
                <img src="~/assets/i/b2.jpg">
                <div class="am-slider-desc blog-slider-desc">
                    <div class="blog-text-center blog-slider-con">
                        <span><a href="" class="blog-color">Article &nbsp;</a></span>
                        <h1 class="blog-h-margin"><a href="">总在思考一句积极的话</a></h1>
                        <p>
                            那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。
                        </p>
                        <span>2015/10/9</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="~/assets/i/b3.jpg">
                <div class="am-slider-desc blog-slider-desc">
                    <div class="blog-text-center blog-slider-con">
                        <span><a href="" class="blog-color">Article &nbsp;</a></span>
                        <h1 class="blog-h-margin"><a href="">总在思考一句积极的话</a></h1>
                        <p>
                            那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。
                        </p>
                        <span>2015/10/9</span>
                    </div>
                </div>
            </li>
            <li>
                <img src="~/assets/i/b2.jpg">
                <div class="am-slider-desc blog-slider-desc">
                    <div class="blog-text-center blog-slider-con">
                        <span><a href="" class="blog-color">Article &nbsp;</a></span>
                        <h1 class="blog-h-margin"><a href="">总在思考一句积极的话</a></h1>
                        <p>
                            那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。
                        </p>
                        <span>2015/10/9</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- banner end -->
<!-- content srart -->
<div class="am-g am-g-fixed blog-fixed">
    <div class="am-u-md-8 am-u-sm-12">
        @foreach (var item in (@ViewData["articles"] as List<dynamic>))
            {
            <article class="am-g blog-entry-article">
                @*<div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                        <img src="assets/i/f10.jpg" alt="" class="am-u-sm-12">
                    </div>*@
                <div class="am-u-lg-12 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a target="_blank" href="~/index/Article_Full/@item.ArticleId">@item.ArticleTitle</a></h1>
                    <p class="brif">
                        @item.ArticleGeneral  ......
                    </p>

                    <div class="post_item_foot">
                        <a target="view_window" href="@item.ArticleAuthorHomePage" class="lightblue">@item.ArticleAuthor</a>
                        发布于 @item.ArticlePubTime 收录于 @item.ArticleInTime
                        <span class="article_comment">
                            <a target="view_window" href="@item.OriginUrl#commentform" title="@item.ArticlePubTime" class="gray">
                                评论(@item.ArticleComment)
                            </a>
                        </span><span class="article_view"><a target="view_window" href="@item.OriginUrl" class="gray">阅读(@item.ArticleClick)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
        }
        @*<article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f10.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a href="">我本楚狂人，凤歌笑孔丘</a></h1>
                    <p class="brif">
                        我们一直在坚持着，不是为了改变这个世界，而是希望不被这个世界所改变。
                    </p>

                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f6.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a href="">世间所有的相遇，都是久别重逢。</a></h1>
                    <p class="brif">
                        你可以选择在原处不停地跟周遭不解的人解释你为何这么做，让他们理解你，你可以选择什么都不讲，自顾自往前走。
                    </p>
                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f12.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">

                    <h1><a href="">陌上花开，可缓缓归矣。</a></h1>
                    <p class="brif">
                        那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨，看绿色的邮筒孤独地站在街的对面。
                    </p>
                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f22.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a href="">爱自己是终生浪漫的开始</a></h1>
                    <p class="brif">
                        the whole of life becomes an act of letting go, but what always hurts the most is not taking a moment to say goodbye
                    </p>
                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f18.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a href="">My dear amazeUI, Hello </a></h1>
                    <p class="brif">
                        那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨，看绿色的邮筒孤独地站在街的对面。
                    </p>
                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f20.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a href="">My way or the highway</a></h1>
                    <p class="brif">
                        A big wind rises， clouds are driven away. Home am Inow the world is under my sway. Where are brave men to guard the four frontiers today！
                    </p>
                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>
            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img src="assets/i/f19.jpg" alt="" class="am-u-sm-12">
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <h1><a href="">一想到你，我这张丑脸上就泛起微笑</a></h1>
                    <p class="brif">
                        那一天我二十一岁，在我一生的黄金时代。我有好多奢望。我想爱，想吃，还想在一瞬间变成天上半明半暗的云。
                    </p>
                    <div class="post_item_foot">
                        <a href="http://www.cnblogs.com/jweiswu/" class="lightblue">小小明</a>
                        发布于 2017-06-15 10:20
                        <span class="article_comment">
                            <a href="http://www.cnblogs.com/jweiswu/p/dblayer.html#commentform" title="2017-06-15 10:24" class="gray">
                                评论(1)
                            </a>
                        </span><span class="article_view"><a href="http://www.cnblogs.com/jweiswu/p/dblayer.html" class="gray">阅读(29)</a></span>
                    </div>
                    <p><a href="" class="blog-continue">continue reading</a></p>
                </div>
            </article>*@

        <ul class="am-pagination">
            <li class="am-pagination-prev"><a href="?page=@prevPage">&laquo; Prev</a></li>
            <li class="am-pagination-next"><a href="?page=@nextPage">Next &raquo;</a></li>
        </ul>
    </div>
    <div class="am-u-md-4 am-u-sm-12 blog-sidebar">
        <div class="blog-sidebar-widget blog-bor">
            <h2 class="blog-text-center blog-title"><span>About ME</span></h2>
            <img src="~/images/Diana.png" alt="about me" class="blog-entry-img">
            <p>妹纸</p>
            <p>
                我是妹子UI，中国首个开源 HTML5 跨屏前端框架
            </p><p>我不想成为一个庸俗的人。十年百年后，当我们死去，质疑我们的人同样死去，后人看到的是裹足不前、原地打转的你，还是一直奔跑、走到远方的我？</p>
        </div>
        <div class="blog-sidebar-widget blog-bor">
            <h2 class="blog-text-center blog-title"><span>Contact ME</span></h2>
            <p>
                <a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon"></span></a>
                <a href=""><span class="am-icon-github am-icon-fw blog-icon"></span></a>
                <a href=""><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>
                <a href=""><span class="am-icon-reddit am-icon-fw blog-icon"></span></a>
                <a href=""><span class="am-icon-weixin am-icon-fw blog-icon"></span></a>
            </p>
        </div>
        <div class="blog-sidebar-widget blog-bor">
            <h2 class="blog-text-center blog-title"><span>Rank</span></h2>
            <div class="ms-top">
                <ul class="hd" id="tab">
                    <li class="cur"><a href="javascript:">点击排行</a></li>
                    <li class=""><a href="javascript:">最新文章</a></li>
                    <li class=""><a href="javascript:">站长推荐</a></li>
                </ul>
            </div>
            <div class="ms-main" id="ms-main">
                <div style="display: block;" class="bd bd-news">
                    <ul>
                        <li><a href="/" target="_blank">住在手机里的朋友</a></li>
                        <li><a href="/" target="_blank">教你怎样用欠费手机拨打电话</a></li>
                        <li><a href="/" target="_blank">原来以为，一个人的勇敢是，删掉他的手机号码...</a></li>
                        <li><a href="/" target="_blank">手机的16个惊人小秘密，据说99.999%的人都不知</a></li>
                        <li><a href="/" target="_blank">你面对的是生活而不是手机</a></li>
                        <li><a href="/" target="_blank">豪雅手机正式发布! 在法国全手工打造的奢侈品</a></li>
                    </ul>
                </div>
                <div class="bd bd-news">
                    <ul>
                        <li><a href="/" target="_blank">原来以为，一个人的勇敢是，删掉他的手机号码...</a></li>
                        <li><a href="/" target="_blank">手机的16个惊人小秘密，据说99.999%的人都不知</a></li>
                        <li><a href="/" target="_blank">住在手机里的朋友</a></li>
                        <li><a href="/" target="_blank">教你怎样用欠费手机拨打电话</a></li>
                        <li><a href="/" target="_blank">你面对的是生活而不是手机</a></li>
                        <li><a href="/" target="_blank">豪雅手机正式发布! 在法国全手工打造的奢侈品</a></li>
                    </ul>
                </div>
                <div class="bd bd-news">
                    <ul>
                        <li><a href="/" target="_blank">手机的16个惊人小秘密，据说99.999%的人都不知</a></li>
                        <li><a href="/" target="_blank">你面对的是生活而不是手机</a></li>
                        <li><a href="/" target="_blank">住在手机里的朋友</a></li>
                        <li><a href="/" target="_blank">豪雅手机正式发布! 在法国全手工打造的奢侈品</a></li>
                        <li><a href="/" target="_blank">教你怎样用欠费手机拨打电话</a></li>
                        <li><a href="/" target="_blank">原来以为，一个人的勇敢是，删掉他的手机号码...</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="blog-clear-margin blog-sidebar-widget blog-bor am-g ">
            <h2 class="blog-title"><span>TAG cloud</span></h2>
            <div class="am-u-sm-12 blog-clear-padding cloud">
                <ul>
                    <li><a href="/">个人博客</a></li>
                    <li><a href="/">web开发</a></li>
                    <li><a href="/">前端设计</a></li>
                    <li><a href="/">Html</a></li>
                    <li><a href="/">CSS3</a></li>
                    <li><a href="/">Html5+css3</a></li>
                    <li><a href="/">百度</a></li>
                    <li><a href="/">Javasript</a></li>
                    <li><a href="/">web开发</a></li>
                    <li><a href="/">前端设计</a></li>
                    <li><a href="/">Html</a></li>
                    <li><a href="/">CSS3</a></li>
                    <li><a href="/">Html5+css3</a></li>
                    <li><a href="/">百度</a></li>
                </ul>
                @*<a href="" class="blog-tag">amaze</a>
                    <a href="" class="blog-tag">妹纸 UI</a>
                    <a href="" class="blog-tag">HTML5</a>
                    <a href="" class="blog-tag">这是标签</a>
                    <a href="" class="blog-tag">Impossible</a>
                    <a href="" class="blog-tag">开源前端框架</a>*@
            </div>
        </div>
        <div class="blog-sidebar-widget blog-bor">
            <h2 class="blog-title"><span>么么哒</span></h2>
            <ul class="am-list">
                <li><a href="#">每个人都有一个死角， 自己走不出来，别人也闯不进去。</a></li>
                <li><a href="#">我把最深沉的秘密放在那里。</a></li>
                <li><a href="#">你不懂我，我不怪你。</a></li>
                <li><a href="#">每个人都有一道伤口， 或深或浅，盖上布，以为不存在。</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- content end -->

<script>
    window.onload = function () {
        var oLi = document.getElementById("tab").getElementsByTagName("li");
        var oUl = document.getElementById("ms-main").getElementsByTagName("div");

        for (var i = 0; i < oLi.length; i++) {
            oLi[i].index = i;
            oLi[i].onclick = function () {
                for (var n = 0; n < oLi.length; n++) oLi[n].className = "";
                this.className = "cur";
                for (var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
                oUl[this.index].style.display = "block"
            }
        }
    }
</script>
